* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.clearfix:after {
	visibility: hidden;
	clear: both;
	display: block;
	content: ".";
	height: 0
}

.clearfix {
	*zoom: 1
}

body {
	width: 375px;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: white;
	background-color: #171B36;
	height: 13130px;
}
.w {
	width: 375px;
	margin: 0 auto;
}

.style_Y {
	color: #FCBA06;
}

li {
	list-style: none;
}

.header {
	height: 60px;
	border-bottom: 1px solid #3E461E;

}

.header .logo {
	width: 64%;
	height: 52px;
	background: url(../img/logo-1.png) no-repeat;
	margin-left: 10px;
	margin-top: 5px;
	font-size: 0;
}

.header .header_text  button{
	width: 126px;
	height: 30px;
	background-color: #193356;
	transform: translate(195px, -39px);
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	border-radius: 8px;
	border: 0;
	color: white;
}

.header .wenzi button{
	width: 26px;
	height: 28px;
	background-color: #2E264D;
	transform: translate(340px, -69px);
	border-radius: 5px;
	font-size: 12px;
	color: #A49DBC;
	border: 0;
}

.header .wenzi p {
	transform: translate(-2px, 4px);
}

.header .wenzi span {
	display: inline-block;
	transform: translate(5px, -3px);
}

.text  {
	margin-top: 10px;
	margin-left: 30px;
}

.text p {
	font-size: 13px;
}

.text h1 {
	font-weight: 400;
	font-size: 25px;
	margin-top: 7px;
}

.text h2 {
	font-weight: 400;
	font-size: 25px;
	margin-top: -8px;
}

.box {
	position: relative;
	width: 300px;
	height: 421px;
	border: 1px solid #8E6C3B;
	margin-top: 20px;
	margin-left: 30px;
}

.box .box-hd h2 {
	font-size: 12px;
	color: #FFED02;
	margin-left: 20px;
	margin-top: 25px;
}

.box .box-hd i {
	position: absolute;
	top: 22px;
	left: 262px;
}

.box .box-hd .line_1 {
	position: absolute;
	top: 50px;
	left: 20px;
	width: 51%;
	height: 1px;
	border-top: 1px solid #FFED02;
}

.box .box-hd .line_2 {
	position: absolute;
	top: 50px;
	left: 142px;
	width: 48%;
	height: 1px;
	border-top: 1px solid rgba(225, 225, 225, .3);
}

.box .box-hd .sanjiao {
	position: absolute;
	top: 47px;
	left: 90px;
	width: 7px;
	height: 7px;
	border-right: 1px solid #FFED02;
	border-top: 1px solid #FFED02;
	transform: rotate(-45deg);
	background-color: #171B36;
}

.box .box-hd .box-bd ul {
	margin-top: 45px;
	margin-left: 19px;

}

.box .box-hd .box-bd ul li {
	position: relative;
	float: left;
	width: 64px;
	height: 50px;
	border-right: 1px solid rgba(225, 225, 225, .3);
}

.box .box-hd .box-bd ul li span {
	display: inline-block;
	transform: translate(14px, 6px);
	font-size: 33px;
	font-weight: 700;
}

.box .box-hd .box-bd ul li p {
	font-size: 12px;
	padding-left: 8px;
	padding-top: 21px;
	font-weight: 600;
}

.box .box-hd .box-bd ul li:last-child {
	border: 0;
}

.box .box-hd .box-bd ul li .dian_1,
.dian_2 {

	width: 4px;
	height: 4px;
	border-radius: 2px;
	background-color: white;
}

.box .box-hd .box-bd ul li .dian_1 {
	position: absolute;
	top: 17px;
	right: -2px;
}

.box .box-hd .box-bd ul li .dian_2 {
	position: absolute;
	top: 28px;
	right: -2px;
}

.box .table_box {
	transform: translate(16px, 34px); 
	font-size: 13px;
}

.box table tr {
	height: 20px;
	line-height: 20px;
}

.box table tr th {
	color: #FFED02;
	font-weight: 400;
	/***padding-right: 5px;***/
	padding-left: 22px;
}

.box table tr td {
	color: #605F64;
	font-weight: 600;
	/***padding-right: 5px;***/
	padding-left: 22px;
}

.box .box-hd .juxing {
	position: absolute;
	top: 250px;
	left: 45px;
	width: 192px;
	height: 15px;
	background-color: #4F5265;
	border-radius: 7px;
}

.box .box-hd .xiaojuxing {
	width: 65px;
	height: 15px;
	background-color: #FEBC06;
	border-radius: 7px;
}

.box .box-hd .juxing p {
	transform: translate(199px, -14px);
	font-size: 12px;
	font-weight: 800;
}

.box .box_bd {
	transform: translate(41px, 86px);
	;

}

.box .box_bd ul li button {
	width: 220px;
	height: 50px;
	background-color: #161A37;
	border-radius: 24px;
	margin-bottom: 15px;
	line-height: 45px;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	border: 2px solid #D9AC0D;
	color: white;
	outline: none;
	
}

.box_bd2 button{
	margin:  30px 0;
	width: 90px;
	height: 40px;
	background-color: #161A37;
	border-radius: 10px;
	margin-bottom: 15px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	border: 2px solid #D9AC0D;
	color: white;
	outline: none;
}

/* 主体部分 */
.main {

	margin-top: 25px;
	width: 375px;
	background-color: rgba(0, 0, 0, .3);
}

.main .main_hd {

	padding-top: 35px;
}

.main .main_hd h2 {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
}

.main .main_hd .pie {
	/* width: 75%;
	height: 252px;
	background-color: #1DC0F9;
	margin-top: 45px;
	margin-left: 52px; */
}

.main .main_hd .content {
	margin-top: 20px;
	padding-left: 49px;
}

.main .main_hd .content p {
	padding-top: 10px;
	color: #B42949;
	font-size: 17px;
	font-weight: 700;
}

.main .main_hd .content p:last-child {
	font-size: 13px;
}

.style_r {
	color: #B42949;
}

.main .main_hd .num {
	position: relative;
	padding-left: 49px;
}

.main .main_hd .num ul {

	margin-top: 33px;
}

.main .main_hd .num ul li {
	margin-bottom: 40px;
}

.main .main_hd .num ul li p {
	font-size: 12px;
	font-weight: 700;
    padding-bottom: 5px;
}

.main .main_hd .num ul li p strong {
	font-size: 25px;
	font-weight: 400;
}

.main .main_hd .num .box-1,
.box-2 {

	width: 45px;
	height: 92px;
	border: 1px solid white;
	border-left: 0;

}

.main .main_hd .num .box-1 {
	position: absolute;
	    right: 138px;
	    top: 129px;
}

.main .main_hd .num .box-2 {
	position: absolute;
	right: 138px;
	top: 221px;
	border-top: 0;
}

.main .main_hd .num .text_r {
	position: absolute;
	right: -2px;
	top: 213px;
	width: 136px;
	font-size: 5px;
}

.main .main_hd .date ul {

	margin-left: 15px;
}

.main .main_hd .date ul li {
	float: left;
	width: 40%;
	height: 60px;
	margin-left: 10px;
	margin-bottom: 40px;
	padding-left: 25px;
}

.main .main_hd .date ul li p {
	color: #95ACD1;
	font-size: 5px;
	margin-bottom: 10px;
}
.main .main_hd .date ul li h4 {
	    font-size: 15px;
	    width: 121px;
}

.main .main_hd .date {
	position: relative;
}

.main .main_hd .date .box_t_l_z,
.box_t_r_z {

	width: 1%;
	height: 60px;
	background-color: #A964FF;
	border-radius: 5px;

}

.main .main_hd .date .box_t_l_z {
	position: absolute;
	top: 0;
	left: 28px;
}

.main .main_hd .date .box_t_r_z {
	position: absolute;
	top: 0;
	left: 185px;
}

.main .main_hd .date .box_t_l_r,
.box_t_r_r {
	width: 1%;
	height: 46px;
	background-color: #F32F53;
	border-radius: 5px;
}

.main .main_hd .date .box_t_l_r {
	position: absolute;
	top: 100px;
	left: 28px;
}

.main .main_hd .date .box_t_r_r {
	position: absolute;
	top: 100px;
	left: 185px;
}

.nav h2 {
	text-align: center;
	font-size: 25px;
	margin-top: 60px;
}

.nav ul li {
	text-align: center;
}

.nav ul li .pic {
	display: inline-block;
	/* text-align: center; */
	width: 36%;
	height: 85px;
	background-color: transparent;
	margin-top: 50px;
	margin-bottom: 65px;
}

.nav ul li h3 {
	margin-bottom: 20px;
}

.nav ul li p {
	margin-left: 30px;
	padding-bottom: 20px;
	width: 86%;
	color: #95ACD1;

}


/* .text_con .text_con_hd ul  {
	margin-left: 47px;
} */

.text_con .text_con_hd {
	margin-top: 40px;
}

.text_con .text_con_hd ul li {
	text-align: center;
	float: left;
	width: 48%;
	height: 80px;
    font-size: 16px;
	padding-top: 12px;
	font-weight: 700;
}

.style_pink {
	background-color: #F32F53;
}

.style_none {
	background-color: transparent;
}

.text_con .text_con_hd ul li:last-child {
	background-color: transparent;
	color: #7182A5;
	font-weight: 400;
	margin-top: 20px;
}

.text_con .text_con_hd {
	width: 82%;
	height: 83px;
	border-bottom: 2px solid #7182A5;
	margin-left: 30px;
}


.text_con .text_con_bd {
	text-align: center;
	width: 74%;
	height: 268px;
	margin-top: 60px;
	font-size: 21px;
	margin-left: 41px;
}

.text_con .text_con_bd p {
	height: 30px;
	line-height: 30px;
}


.man {
	width: 100%;
	height: 600px;
}
.man h2 {
	margin-top: 20px;
	text-align: center;
}

.man ul {
	margin-top: 80px;
}

.man ul li {
	float: left;
	width: 107px;
	height: 187px;
	background-color: transparent;
	margin-left: 10px;
	margin-bottom: 30px;

}

.man ul li:nth-child(4) {
	margin-left: 70px;
}

.man .pic_man {

	width: 50px;
	height: 50px;
	background-color: transparent;
	border-radius: 25px;
	margin-left: 28px;
}

.man ul li h3 {
	font-size: 15px;
	font-weight: 300;
	width: 114px;
	height: 33px;
	line-height: 33px;
	margin-left: 5px;
	text-align: center;

}

.man ul li h4 {
	width: 116px;
	font-size: 12px;
	font-weight: 200;
	margin-left: 2px;
	text-align: center;
}

.man ul li p {
	width: 84px;
	font-size: 7px;
	font-weight: 50;
	margin-top: 10px;
	margin-left: 20px;
	text-align: center;
}


.date_year h3 {
	transform: translate(143px,7px);
	margin-bottom: 50px;
	font-size: 20px;
}

.year {
	float: left;
	width: 85%;
	height: 220px;
	border-left: 3px solid #1FADD7;
	margin-left: 15px;
}

.year .year_yuan {
	width: 26px;
	height: 25px;
	border-radius: 26px;
	background-color: #1dc0f94a;
	margin-left: -14px;
	margin-top: 28px;

}

.year .year_yuan .year_yuan_xiao {
	float: left;
	width: 13px;
	height: 13px;
	border-radius: 6px;
	background-color: #1FADD7;
	margin-left: 6px;
	margin-top: 6px;
}



.date_year ul {
	margin-left: 20px;
}

.date_year ul li {
	color: #9EAFCB;
}

.date_year ul li:first-child {
	color: #1FADD7;
	font-size: 12px;
	font-weight: 500;
	margin-top: -56px;
	height: 70px;
}

.date_year ul li:nth-child(2) {
	height: 30px;
	font-weight: 500;
	font-size: 15px;
	color: white;

}

.date_year ul li:nth-child(3) {
	height: 30px;
}

.date_year ul li:nth-child(n+3) {
	height: 30px;
	line-height: 30px;
}

.date_year ul li .line {
	width: 7%;
	height: 1px;
	border-bottom: 1px solid #9EAFCB;
}

.b_left {
	border-left: 1px dashed white;
	margin-left: 15px;
}

/* footer 盒子部分 */
.footer_box {
	position: relative;
	width: 300px;
	height: 360px;
	border: 1px solid #8C7273;
	margin: 20px auto;
	background-color: rgba(0, 0, 0, .3);
}

.footer_box h1 {
	margin-top: 10px;
	text-align: center;
	font-size: 40px;
}

.footer_box .footer_top_box {
	margin-left: 32px;
}

.footer_box .footer_top_box h2 {
	font-size: 18px;
	color: #808080;
}

.footer_box .footer_top_box h3 {
	transform: translate(0px,-24px);
	font-size: 13px;
	color: #808080;
}

.footer_box .footer_top_box .box_top input {
	width: 180px;
	height: 24px;
	border: 1px solid #B48C0E;
	border-radius: 16px;
	margin-top: 5px;
	margin-bottom: 10px;
	outline: none;
	background-color: transparent;
	color: white;
	padding-left: 5px;
}

.footer_box .footer_top_box .box_top .copy button {
	width: 63px;
	height: 25px;
	border: 1px solid #B48C0E;
	transform: translate(187px, -34px);
	border-radius: 10px;
	line-height: 23px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	background-color: #101326;
	outline: none;
	color: white;
}

.footer_box .footer_bottom_box {
	margin-left: 20px;
	margin-top: 40px;
}

.footer_box .footer_bottom_box h3 {
	margin-top: -25px;
	font-size: 13px;
}

.footer_box .footer_bottom_box span {
	position: relative;
	right: -217px;
	top: -15px;
	font-size: 12px;
	font-weight: 700;
}

.footer_box .footer_bottom_box .box_left button,
.box_right button {
	width: 101px;
	height: 34px;
	border: 1px solid white;
	border-radius: 15px;
	text-align: center;
	line-height: 29px;
	background-color: transparent;
	color: white;
	outline: none;
}

.footer_box .footer_bottom_box .box_right {
	position: absolute;
	left: 176px;
	top: 226px;

}

.footer_box .footer_bottom_box .box_left h2,
.box_right h2 {
	font-size: 15px;
}

.footer_box .footer_bottom_box ul li {
	float: left;
	width: 7px;
	height: 7px;
	border-radius: 6px;
	background-color: white;
	margin: 0 5px;
}

.footer_box .footer_bottom_box ul {
	margin-left: 103px;
	margin-top: -20px;
}

.footer_box .footer_bottom_box .text_box {
	float: left;
	margin-top: 50px;
	margin-left: -6px;
}

.footer_box .footer_bottom_box .box_left_text,
.box_right_text {
	float: left;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.footer_box .footer_bottom_box .box_right_text {
	margin-left: 145px;
	margin-top: -20px;
}

.footer_box .footer_bottom_box h5 {
	font-weight: 400;
}

.footer_box .footer_bottom_box h6 {
	font-weight: 400;
}


/* footer_brand底部 部分 */
.footer_brand {
	width: 375px;

}

.footer_brand_logo {
	width: 375px;
	height: 218px;
	background-color: #1E1F32;
	background-image: url(../img/footer_brand.png);
   	background-repeat: no-repeat;
    	background-size: 375px; 
}
.footer_brand_logo ul li {
	float: left;
    transform: translate(128px,193px);
    margin-left: 10px;
}
.footer_brand_logo ul li img {
	width: 20px;
}
.footer_brand_logo ul li a:hover {
	background-color: transparent;
}



.flgoverflow
{
	overflow: hidden;
}

.langhide{
	display: none; 
}

.langback{
	    width: 73px;
	    height: 50px;
	    border-radius: 5px;
	    line-height: 22px;
		background-color: #193356;
		margin-top: 2px;
}
#language
{
	transform: translate(285px,-65px);
	top: 20px;
}
#language ul li img{
	width: 20px;
	vertical-align: middle;
 
}
#language ul li span {
	font-size: 12px;
	font-weight: 100;
	transform: translate(0,2px);
	}

.wenzi img {
	width: 25px;
	    transform: translate(323px,-64px);
}
